<template>
	<section>
		<!--start 面包屑-->
		<div class="location">
			<el-breadcrumb separator="/">
				<el-breadcrumb-item :to="{path:'/index'}">首页</el-breadcrumb-item>
				<el-breadcrumb-item>营销</el-breadcrumb-item>
				<el-breadcrumb-item>通知公告</el-breadcrumb-item>
				<el-breadcrumb-item>通知详情</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<!--end 面包屑-->
		<!--start content-->
		<div class="wrap" ref="companyWrap">
			<el-button class="fr" @click="$router.go(-1)" style="position:relative;z-index:999;">返回</el-button>
			<el-row :gutter="20">
				<el-col :span="24">
					<p class="title" style="font-size:20px;">{{vue_portalDocListData.docListTitile}}</p>
					<p class="timeText">时间：{{vue_portalDocListData.releaseDateStr}}</p>
				</el-col>
			</el-row>
			<el-row :gutter="20">
				<el-col :span="24">
					<div class="detailContent" v-html="vue_portalDocListData.docListContent"></div>
				</el-col>
			</el-row>
		</div>
		<!--end content-->
	</section>
</template>

<script>
	export default {
		data() {
			return {
				vue_portalDocListData:{}
			}
		},
		methods: {
			query_portalDocListData(){  //请求数据
				this.axios({
					method:"GET",
					url:"/v3/portal/docLists/"+localStorage.getItem('docListCode')
				}).then((res)=>{
					this.vue_portalDocListData = res.data;
				}).catch((err)=>{

				})
			},
		},
		created() {
			this.query_portalDocListData();  //请求数据
		},
	}
</script>

<style scoped>
	*{transition:.2s;}
	section {display: flex;flex-direction: column;flex: 1;}
	div.location {flex: 0 0 10px; padding: 3px 0 15px 0;}
	div.wrap {flex: 1;width: 100%;padding: 10px 20px 0 20px;box-sizing: border-box;background: #fff;}
	.title{font-size:1.2rem;}
	.timeText{color:#b0c0d0;border-bottom:1px solid #eee;padding:5px 0;}
	.detailContent{
		padding-top:20px;
	}
</style>
